// Dog.js
import { forwardRef } from "react";
import dogStandingImage from "@/assets/p1/dog_standing.png";
const Dog = forwardRef(
	({ initialPositionX, initialPositionY, animations, visible }, ref) => {
		// 动画数组转换为类名字符串
		const animationClasses = animations.join(" ");

		// 定义狗的样式，这里我们只需要设置位置和显示，动画将在 className 中设置
		const dogStyle = {
			left: `${initialPositionX}px`,
			top: `${initialPositionY}px`,
			display: visible ? "block" : "none",
			position: "absolute", // 以确保该图像的定位是绝对的
			width: "100px",
		};

		return (
			<img
				ref={ref}
				src={dogStandingImage}
				alt="Dog"
				className={`dog ${animationClasses}`}
				style={dogStyle}
			/>
		);
	}
);
// 设置默认 props
Dog.defaultProps = {
	initialPositionX: 0, // 假设默认的 X 坐标位置是 0
	initialPositionY: 0, // 假设默认的 Y 坐标位置是 0
	animations: [], // 默认没有动画
	visible: true, // 默认可见
};
export default Dog;
